﻿    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="stylesheet"href="StyleSheet.css"/>
</head>
<body>
    <header id="header">
        <div id="logo">
            <a href="#">
                <img src="images/gameLogo.png"/>
            </a>
        </div>
        <div class="home-index">
            <a href="#">首页</a>
        </div>
        <div id="menu">
            <ul>
                <li><a href="#">注册</a></li>
                <li><a href="#">登录</a></li>
                <li><a href="#">帮助</a></li>
                <li><a href="#">更多</a></li>
            </ul>
        </div>
    </header>

    <div id="content">
        <div id="content-game">
            <div id="content-nav">
                <div id="nav-menu">
                    <ul>
                        <li><a href="#"><img src="images/sub-2.gif" />征战四方</a></li>
                        <li><a href="#"><img src="images/sub-3.gif" />龙将</a></li>
                        <li><a href="#"><img src="images/sub-4.gif" />弹弹堂</a></li>
                        <li><a href="#"><img src="images/sub-5.gif" />凡人修真</a></li>
                        <li><a href="#"><img src="images/sub-7.gif" />宫廷计</a></li>
                        <li><a href="#"><img src="images/sub-8.gif" />神仙道</a></li>
                    </ul>
                </div>
            </div>
            <div id="content-right">
                <a href="#" target="_blank"><img src="images/xdtgg_frxz2_44.jpg"/></a>
            </div>
        </div>
        <div class="game-box">
            <div class="game-title">
                <div class="title">全部游戏</div>
                <ul>
                    <li><a href="#">战争策略</a></li>
                    <li>|</li>
                    <li><a href="#">体育经营</a></li>
                    <li>|</li>
                    <li><a href="#">社交游戏</a></li>
                </ul>
            </div>
            <div class="game-list">
                <div class="game">
                    <div class="pic">
                        <a href="#"><img src="images/img-4.jpg" /></a>
                    </div>
                    <div class="dise">
                        <p>三国题材横版RPG网游，丰富的武装系统</p>
                        <p>类型：角色扮演</p>
                        <p>游戏人气<span>470921</span></p>
                        <p ><a href="#" class="btn">选服</a><a href="#" class="btn btn-aaa">进入游戏</a></p>
                    </div>
                </div>
                <div class="game">
                    <div class="pic">
                        <a href="#"><img src="images/img-5.jpg" /></a>
                    </div>
                    <div class="dise">
                        <p>三国题材横版RPG网游，丰富的武装系统</p>
                        <p>类型：角色扮演</p>
                        <p>游戏人气<span>470921</span></p>
                        <p><a href="#" class="btn">选服</a><a href="#" class="btn btn-aaa">进入游戏</a></p>
                    </div>
            </div>
        </div>
    </div>
        <div class="game-box">
            <div class="game-title">
                <div class="title">全部游戏</div>
            </div>
            <div class="game-list">
                <table>
                    <tr>
                        <td>
                            <div class="item">
                                <img src="images/img-6.jpg" />
                                <p>游戏人气:1715455</p>
                                <p>游戏状态:<span>22区开启</span></p>
                                <p><a href="#" class="btn">选服</a><a href="#" class="btn btn-aaa">进入游戏</a></p>
                            </div>
                        </td>
                        <td>
                            <div class="item">
                                <img src="images/img-7.jpg" />
                                <p>游戏人气:1715455</p>
                                <p>游戏状态:<span>22区开启</span></p>
                                <p><a href="#" class="btn">选服</a><a href="#" class="btn btn-aaa">进入游戏</a></p>
                            </div>
                        </td>
                        <td>
                            <div class="item">
                                <img src="images/img-13.jpg" />
                                <p>游戏人气:1715455</p>
                                <p>游戏状态:<span>22区开启</span></p>
                                <p><a href="#" class="btn">选服</a><a href="#" class="btn btn-aaa">进入游戏</a></p>
                            </div>
                        </td>
                        <td>
                            <div class="item">
                                <img src="images/img-8.jpg" />
                                <p>游戏人气:1715455</p>
                                <p>游戏状态:<span>22区开启</span></p>
                                <p><a href="#" class="btn">选服</a><a href="#" class="btn btn-aaa">进入游戏</a></p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="item">
                                <img src="images/img-9.jpg" />
                                <p>游戏人气:1715455</p>
                                <p>游戏状态:<span>22区开启</span></p>
                                <p><a href="#" class="btn">选服</a><a href="#" class="btn btn-aaa">进入游戏</a></p>
                            </div>
                        </td>
                        <td>
                            <div class="item">
                                <img src="images/img-10.jpg" />
                                <p>游戏人气:1715455</p>
                                <p>游戏状态:<span>22区开启</span></p>
                                <p><a href="#" class="btn">选服</a><a href="#" class="btn btn-aaa">进入游戏</a></p>
                            </div>
                        </td>
                        <td>
                            <div class="item">
                                <img src="images/img-11.jpg" />
                                <p>游戏人气:1715455</p>
                                <p>游戏状态:<span>22区开启</span></p>
                                <p><a href="#" class="btn">选服</a><a href="#" class="btn btn-aaa">进入游戏</a></p>
                            </div>
                        </td>
                        <td>
                            <div class="item">
                                <img src="images/img-12.jpg" />
                                <p>游戏人气:1715455</p>
                                <p>游戏状态:<span>22区开启</span></p>
                                <p><a href="#" class="btn">选服</a><a href="#" class="btn btn-aaa">进入游戏</a></p>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="centent-aside">
            <div class="aside-box">
                <h1>开心网用户登录</h1>
                <form class="login-from">
                    <ul>
                        <li>账号<input type="text" placeholder="字母或数字的六位字符" /></li>
                        <li>密码<input type="text" placeholder="字母或数字的六位字符" /></li>
                        <li><input type="submit" /></li>
                        <li><a href="#">立即注册</a><a href="#">忘记密码</a></li>
                    </ul>
                </form>
            </div>
            <div></div>
            <div></div>
            <div></div>
        </div>
        </div>
   
    <footer id="footer">

    </footer>
</body>
</html>
